<template>
    <Modal class="relay-modal" :value="value" v-model="value" @input="$emit('input', $event.target.value)" width="900px" height="800px" @on-ok="ok" @on-cancel="cancel">
        <div class="pd20" >
            <Row class="mt20">
                <Row class="box gray">
                    <Row class="bzt ftb">{{topicList[now].creatorName}}</Row>
                    <Row class="bzt">
                        <Col :span="18" class="time">{{topicList[now].createTime}}</Col>
                        <Col class="text-r" :span="6">回复:{{topicList[now].replyNum}}</Col>
                    </Row>
                    <Row class="bzt">{{topicList[now].topic}}</Row>
                </Row>
            </Row>

            <Row class="reply-box" v-for="(item,index) in replyList" :key="index">
                <Col :span="18">{{item.creatorName}}</Col>
                <Col :span="6" class="time">{{item.createTime}}</Col>
                <div class="ws">
                    {{item.replyContent}}
                </div>
            </Row>
            <Pagination
                :pageSize.sync="replyParams.pageSize"
                :current.sync="replyParams.pageNum"
                :total="replyParams.total"
                @change="getList"
            />
            <Row class="bzt" >
                <Col :span="18">
                <Input v-model="topicList[now].remark" type="textarea" :autosize="{minRows: 2,maxRows: 5}" placeholder=""/>
                </Col>
                <Col class="text-r" :span="6"><Button @click="replyOne(topicList[now])">回复</Button></Col>
            </Row>
        </div>
    </Modal>
</template>
<script>
export default {
    data () {
        return {
            topicList: [],
            now: 0

        }
    },
    props: {
        value: Boolean
    },
    methods: {
        ok () {

        },
        cancel () {

        }

    }
}
</script>
